<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title><MySource_PRINT var="site_name" /> :: <MySource_PRINT var="asset_short_name" /></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="your description goes here" />
<style type="text/css">
    body{
	background-color:#e3e3e3;
	color:#505050;
	font:76% Arial,sans-serif;
	margin:0;
	padding:0;
	text-align:left;
    }
	
	#container_body {
		min-width:850px;
		width:100%;
		margin:0 0;
		height:100%;
	}

	#container_title {
		min-width:850px;
		width:100%;
		margin:0 0;
		height:127px;
	}
	#title_left {
		margin:0 0;
		width:300px;
	}
	#title_middle {
		margin:0 0;
	}
	#title_right {
		margin:0 0;
		width:83px;
	}
	#title_logo {
		background:url(./mysource_files/top_uow.png);
		background-color:#cc0000;
		margin:0 0;
		height:104px;
		width:300px;
	}
	#title_cosi_coloumn {
		margin:0 0;
		height:127px;
		width:250px;
	}
	#title_cosi {
		background:url(./mysource_files/top_cosi.png);
		background-color:#cc0000;
		margin:0 0;
		height:104px;
	}
	#title_red {
		background-color:#cc0000;
		margin:0 0;
		height:104px;
	}
	#title_greybar {
		background:url(./mysource_files/top_greybar.png);
		background-repeat:repeat-x;
		color:#CCC;
		margin:0 0;
		height:23px;
		width:100%;
	}
	.greybar_text {
		padding-left:10px;
		vertical-align:middle;
	}
	.middle_left_button{
height:38px;
width:160px;
}
.middle_right_item {
width:211px;
position:relative;
}
.middle_right_item_title {
height:24px;
}
.middle_right_item_body {
border-width:1px;
border-color:#8a8a8a;
border-style:solid;
background-color:#dcdcdc;
position:relative;
top:3px;
}
	.middle_left_coloumn {
position:absolute;
left:0px;
top:130px;
width:160px;
}
	.middle_center_coloumn {
		position:relative;
		top:0px;
		margin-left:163px;
		margin-right:223px;
	}
	
	.middle_center_item { 
		margin-top:3px;
		border-width:1px;
		border-style:solid;
		border-color:#9A9A9A;
		background-color:#dcdcdc;
		position:relative;
		color:#595757;
		font-family:Helvetica, Arial, sans-serif;
		font-size:11px;
	}
	
	.middle_right_coloumn {
	position:absolute;
	right:0px;
	width:220px;
	top: 130px;
	}
	#title_wedge {
		background:url(./mysource_files/top_wedge.png);
		height:127px;
	}
a:link {
	color: #333;

}
a:visited {
	color: #656565;
}
a:hover { 
	color: #999;border-bottom:double;
}
a:active {
	color: #333;
}
</style>
</head>

<body >

<div id="container_title">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
    <tr>
      <td id="title_left">
      <div id="title_logo"></div>
      <div id="title_greybar">
		<a class="greybar_text">
        18/08/2009 11:43pm
        </a>
      </div>
      </td>
      <td id="title_middle">
      <div id="title_red"></div>
      <div id="title_greybar">
      	<a class="greybar_text">
        Navigate: / Home / Projects
        </a>
        </div>
      </td>
      <td id="title_cosi_coloumn">
      <div id="title_cosi"></div>
      <div id="title_greybar"><a class="greybar_text"> Search: <input name="" width="100px" type="text" /><input type="button" value="Go" /></a></div>
      </td>
      <td id="title_right">
      <div id="title_wedge"></div>
      </td>
    </tr>
  </table>
</div>
<div id="container_body">
<div class="middle_left_coloumn">
<div class="middle_left_button" style="background-image:url(./mysource_files/middle_menu_idle_welcome.png)"></div>
<div class="middle_left_button" style="background-image:url(./mysource_files/middle_menu_idle_news.png)"></div>
<div class="middle_left_button" style="background-image:url(./mysource_files/middle_menu_idle_events.png)"></div>
<div class="middle_left_button" style="background-image:url(./mysource_files/middle_menu_idle_projects.png)"></div>
<div class="middle_left_button" style="background-image:url(./mysource_files/middle_menu_idle_help.png)"></div>
<div class="middle_left_button" style="background-image:url(./mysource_files/middle_menu_footer.png); height:40px;"></div>
</div>

<div class="middle_center_coloumn">
<div class="middle_center_item">
<div style="padding:5px; font-size:30px; color:#292828;">Welcome</div>
<div style="padding:5px; font-size:15px; color:#252525;">Welcome to the COSI software innovation centre</div>
</div>
<div class="middle_center_item">

<div id="Project_Item" style="padding:0px; height:70px; position:relative;">
	<div style="height:55px; position:relative; top:0px; margin-left:105px; margin-right:15px; background-image:url(mysource_files/project_background_fill.png); background-repeat:repeat-x;">
		<div style="font-size:16px; color:#121212;">AMP - Active Measurement Project</div>
		<div style="font-size:12px; color:#656565; max-height:35px;">AMP (Active Measurement Project) is a project originating at NLANR designed to constantly perform active measurements between a mesh of specialist AMP monitors.</div>
	</div>
	<div style="width:90px; height:55px; position:absolute; top:0px; left:0px; background-image:url(mysource_files/project_background_tab.png); background-repeat:repeat-x;">
		<div style="width:90px; height:55px; position:absolute; top:0px; left:0px; background-image:url(mysource_files/project_wand_icon.png);">
    	</div>
	</div>
	<div style="width:15px; height:55px; position:absolute; top:0px; left:90px; background-image:url(mysource_files/project_background_edge.png); background-position:left;">
    </div>
	<div style="width:15px; height:55px; position:absolute; top:0px; right:0px; background-image:url(mysource_files/project_background_edge.png); background-position:right;">
    </div>
	
	<div style="position:absolute; top:55px; height:15px; left:0px; width:90px; text-align:center; background-color:#CCC;"><a href="kk.kjj">Homepage</a></div>
    <div style="position:relative; top:0px; height:15px; margin-left:90px; background-color:#DDD; margin-right:0px; text-align:left; padding-left:10px; ">WAND, Networking, Computer Science, Programming, Real-time
    </div>
</div>
 
<div style="background-color:#181717; color:#858585; margin:1px; padding:10px;">Tags: Computer Science | Image Processing | Networking | Machine Learnining | Open source</div>
</div>
<br><br>
<div style="text-align:center; font-size:10px; color:#7D7D7D;">Copyright and Legal Statement | Webmaster | Site Map<br>The University of Waikato 2009</div>
</div>
<br>

<div class="middle_right_coloumn">

<div class="middle_right_item" style="top:80px;">
<div class="middle_right_item_title" style="background-image:url(./mysource_files/middle_title_calender.png)"></div>
<div class="middle_right_item_body" style="height:120px;"></div>

<div class="middle_right_item" style="top:20px;">
<div class="middle_right_item_title" style="background-image:url(./mysource_files/middle_title_community_map.png)"></div>
<div class="middle_right_item_body" style="height:120px;"></div>

<div class="middle_right_item" style="top:20px;">
<div class="middle_right_item_title" style="background-image:url(./mysource_files/middle_title_site_statistics.png)"></div>
<div class="middle_right_item_body" style="height:120px;"></div>
</div>

</div>
</div>

</div>

</body>
</html>